<template>
    <div>
        <div v-if="form">
            <div class="flex flex-row justify-content-between">
                <div class=""><i class="iconfont icon-gonggao text-red-500"></i>通知</div>
                <div class="flex-1">
                    <marquee behavior="scroll" scrollamount="5" scrolldelay="500">
                <span v-for="(no,index) in form" :key="index" class="mr-3 text-sm">
                ·{{ no.title }}
                </span>
                    </marquee>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: []
        }
    },
    async created() {
        this.form = await this.axios.get('notice');
    }
}
</script>

<style scoped>

</style>
